<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>超市订单管理系统</title>
<link type="text/css" rel="stylesheet" href="../css/style.css" />
<link type="text/css" rel="stylesheet" href="../css/public.css" />
</head>
<body>
	<!--头部-->
	<header class="publicHeader">
		<h1>超市订单管理系统</h1>
		<div class="publicHeaderR">
			<p>
				<span>下午好！</span><span style="color: #fff21b"> 用戶名</span> , 欢迎你！
			</p>
			<a href="#">退出</a>
		</div>
	</header>
	<!--时间-->
	<section class="publicTime">
		<span id="time">2015年1月1日 11:11 星期一</span> <a href="#">温馨提示：为了能正常浏览，请使用高版本浏览器！（IE10+）</a>
	</section>
	<!--主体内容-->
	<section class="publicMian ">
		<div class="left">
			<h2 class="leftH2">
				<span class="span1"></span>功能列表 <span></span>
			</h2>
			<nav>
				<ul class="list">
					<li><a href="#">订单管理</a></li>
					<li><a href="#">供应商管理</a></li>
					<li><a href="#">用户管理</a></li>
					<li><a href="#">密码修改</a></li>
					<li><a href="#">退出系统</a></li>
				</ul>
			</nav>
		</div>
		<div class="right">
			<div class="location">
				<strong>你现在所在的位置是:</strong> <span>订单管理页面</span>
			</div>
			<div class="search">
				<form method="get">
					<input name="method" value="query" class="input-text" type="hidden">
					<span>商品名称：</span> <input> <span>供应商：</span> 
					<select>
						<option>--请选择--</option>
						<option>供应商1</option>
						<option>供应商2</option>
						<option>供应商3</option>
					</select> 
					<span>是否付款：</span>
					<select>
						<option>--请选择--</option>
						<option>未付款</option>
						<option>已付款</option>
					</select> <input value="查 询" type="submit" id="searchbutton"> 
					<a href="bill_add.html">添加订单</a>
				</form>
			</div>
			<!--账单表格 样式和供应商公用-->
			<table class="providerTable" cellpadding="0" cellspacing="0">
				<tr class="firstTr">
					<th width="10%">订单编码</th>
					<th width="20%">商品名称</th>
					<th width="10%">供应商</th>
					<th width="10%">订单金额</th>
					<th width="10%">是否付款</th>
					<th width="10%">创建时间</th>
					<th width="30%">操作</th>
				</tr>
				<tr>
					<td><span>BILL2016_001</span></td>
					<td><span>洗发水、护发素</span></td>
					<td><span>山东豪克华光联合发展有限公司</span></td>
					<td><span>25000.00</span></td>
					<td><span>未付款</span></td>
					<td><span>2014-12-14</span></td>
					<td>
						<span>
							<a class="viewBill" href="javascript:;">
								<img src="../images/read.png" alt="查看" title="查看" />
							</a>
						</span> 
						<span>
							<a class="modifyBill" href="javascript:;" >
								<img src="../images/xiugai.png" alt="修改" title="修改" />
							</a>
						</span> 
						<span>
							<a class="deleteBill" href="javascript:;">
								<img src="../images/schu.png" alt="删除" title="删除" />
							</a>
						</span>
					</td>
				</tr>
			</table>
		</div>
	</section>

	<!--点击删除按钮后弹出的页面-->
	<div class="zhezhao"></div>
	<div class="remove" id="removeBi">
		<div class="removerChid">
			<h2>提示</h2>
			<div class="removeMain">
				<p>你确定要删除该订单吗？</p>
				<a href="#" id="yes">确定</a> <a href="#" id="no">取消</a>
			</div>
		</div>
	</div>

	<footer class="footer"> 版权归程龙 </footer>
	<script type="text/javascript" src="../js/time.js"></script>
</body>
</html>